<template>
    <div class="box">
      <div class="box1">
      <van-swipe :autoplay="3000" :width="375" :height="615">
  <van-swipe-item v-for="(image, index) in images" :key="index"   >
  <img v-lazy="image" style="width:100%;height:100%" >
  </van-swipe-item>
</van-swipe>
</div>
<div>
    <van-button type="primary" size="large" class="btn-l" to="/register">开始我的运动</van-button>


</div>
   
    </div>
</template>

<script>
export default {
    name:'Splash',
    data(){
        return{
          images: [
        'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1755883291,3652952962&fm=27&gp=0.jpg',
        'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3085765232,2065091201&fm=26&gp=0.jpg',
        'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=4102349800,1376773912&fm=27&gp=0.jpg',
        ''
      
      ]

        }

    }
}
</script>

<style scoped>
 *{
    margin: 0;
    padding: 0
}

.box1{

  flex: 1
}

.box{
  display: flex;
  flex-direction: column;
  justify-content:space-between ;
  overflow: hidden;
}

.box .btn-l {
  position: absolute;
  bottom: 0px;
  left: 0;
}
</style>


